<extend name="Public/admin/main"/>


<block name="style" >
  <link rel="stylesheet" href="__PUBLIC__/theme/default/css/login.css">
</block>

<block name="body">
  <div class="login-container full-height">

    <!-- 动态云层动画 开始 -->
    <div class="clouds-container">
      <div class="clouds clouds-footer"></div>
      <div class="clouds"></div>
      <div class="clouds clouds-fast"></div>
    </div>
    <!-- 动态云层动画 结束 -->

    <!-- 顶部导航条 开始 -->
    <div class="header">
        <span class="title notselect">
            欢迎登录  国教预约平台后台管理 <sup></sup>
        </span>
      <ul>
        <!--<li class="notselect"><a href="javascript:void(0)" target="_blank">帮助</a></li>-->
        <li class="notselect">
          <a href="#">
            <b>推荐使用谷歌浏览器</b>
          </a>
        </li>
      </ul>
    </div>
    <!-- 顶部导航条 结束 -->

    <!-- 页面表单主体 开始 -->
    <div class="container" style="top:50%;margin-top:-300px">
      <form onsubmit="return false;" data-time="0.001" data-auto="true" method="post"
            class="content layui-form animated fadeInDown">
        <div class="people">
          <div class="tou"></div>
          <div id="left-hander" class="initial_left_hand transition"></div>
          <div id="right-hander" class="initial_right_hand transition"></div>
        </div>
        <ul>
          <li>
            <input name='username' class="hide"/>
            <input required="required" pattern="^\S{4,}$" value="" name="username"
                   autofocus="autofocus" autocomplete="off" class="login-input username"
                   title="请输入4位及以上的字符" placeholder="请输入用户名/手机号码"/>
          </li>
          <li>
            <input name='password' class="hide"/>
            <input required="required" pattern="^\S{4,}$" value="" name="password"
                   type="password" autocomplete="off" class="login-input password"
                   title="请输入4位及以上的字符" placeholder="请输入密码"/>
          </li>
          <li class="text-center">
            <button type="submit" class="layui-btn layui-disabled" data-form-loaded="立 即 登 入">正 在 载 入</button>
            <!--<a style="position:absolute;display:block;right:0" href="javascript:void(0)">忘记密码？</a>-->
          </li>
        </ul>
      </form>
    </div>
    <!-- 页面表单主体 结束 -->

    <!-- 底部版权信息 开始 -->

    <!-- 底部版本信息 结束 -->

  </div>
</block>

<block name="script">
  <script>
    if (window.location.href.indexOf('#') > -1) {
      window.location.href = window.location.href.split('#')[0];
    }
    require(['jquery'], function ($) {
      $('[name="password"]').on('focus', function () {
        $('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
        $('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
      }).on('blur', function () {
        $('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
        $('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
      });
    });
  </script>
</block>
